<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/portfolio.css">
</head>
<body>
<div class="head">
    <div class="inner">
        <div class="logo">
            <a href="#"><img src="images/logo.png" alt=""></a>
        </div>
        <div class="nav">
            <nav>
                <ul>
                    <li><a href="index.html">Home</a></li>
                    <li><a href="">About</a></li>
                    <li><a class="act" href="portfolio.html">Portfolio</a></li>
                    <li><a href="">Features</a></li>
                    <li><a href="">Blog</a></li>
                    <li><a href="contact.html">Contact</a></li>
                </ul>
            </nav>
        </div>
        <div class="right">
            <a href="#"></a>
            <a href="#" class="er"></a>
            <a href="#" class="san"></a>
            <a href="#" class="si"></a>
            <a href="#" class="wu"></a>
            <a href="#" class="liu"></a>
        </div>
    </div>
</div>
<div class="main inner">
        <h3>PORTFOLIO</h3>
            <ul>
                <li><a href="#" class="act">ALL</a></li>
                <li><a href="#">CATEGORY1</a></li>
                <li><a href="#">CATEGORY2</a></li>
                <li><a href="#">CATEGORY3</a></li>
                <li><a href="#">CATEGORY4</a></li>
            </ul>
        <div class="cl"></div>

        <div class="m_pic">
            <img src="images/s1.jpg" alt="">
            <a href="">hello shai</a>
        </div>
        <div class="m_pic">
            <img src="images/s2.jpg" alt="">
            <a href="">hello shai</a>
        </div>
        <div class="m_pic">
            <img src="images/s3.jpg" alt="">
            <a href="">hello shai</a>
        </div>
        <div class="m_pic">
            <img src="images/s4.jpg" alt="">
            <a href="">hello shai</a>
        </div>
        <div class="m_pic">
            <img src="images/s5.jpg" alt="">
            <a href="">hello shai</a>
        </div>
        <div class="m_pic">
            <img src="images/s6.jpg" alt="">
            <a href="">hello shai</a>
        </div>
        <div class="m_pic">
            <img src="images/s1.jpg" alt="">
            <a href="">hello shai</a>
        </div>
        <div class="m_pic">
            <img src="images/s2.jpg" alt="">
            <a href="">hello shai</a>
        </div>
        <div class="m_pic">
            <img src="images/s3.jpg" alt="">
            <a href="">hello shai</a>
        </div>
        <div class="m_pic">
            <img src="images/s4.jpg" alt="">
            <a href="">hello shai</a>
        </div>
        <div class="m_pic">
            <img src="images/s5.jpg" alt="">
            <a href="">hello shai</a>
        </div>
        <div class="m_pic">
            <img src="images/s6.jpg" alt="">
            <a href="">hello shai</a>
        </div>
</div>
<div class="footer">
    <div class="inner">
        <div class="about">
            <h3>ABOUT STUDEON</h3>
            <div class="xian"></div>
            <p><a href="">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque id arcu neque, at convallis est felis.</a></p>
            <p><a href="">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque id arcu neque, at convallis est felis.</a></p>
        </div>
        <div class="tags">
            <h3>ABOUT STUDEON</h3>
            <div class="xian"></div>
            <div class="gjc">
                <a href="#">Awesome</a>
                <a href="#">Strategy</a>
                <a href="#">Photography</a>
                <a href="#">Development</a>
                <a href="#">Css</a>
                <a href="#">photoshop</a>
                <a href="#">Html</a>
                <a href="#">Awesome</a>
                <a href="#">Strategy</a>
                <a href="#">Photoshop</a>
                <a href="#">Html</a>
            </div>
        </div>
        <div class="test">
            <h3>ABOUT STUDEON</h3>
            <div class="xian"></div>
            <div class="test_top">
                <img src="images/tw.png" alt="">
                <p>I like this awesome freebie. Check it out<a href="">@http://t.co/9vslJFpW</a></p>
            </div>
            <h4>ABOUT 15 MINS</h4>
            <div class="test_top test_topp">
                <img src="images/tw.png" alt="">
                <p>I like this awesome freebie. Check it out<a href="">@http://t.co/9vslJFpW</a></p>
            </div>
            <h4>ABOUT 15 MINS</h4>
        </div>
        <div class="feed">
            <h3>ABOUT STUDEON</h3>
            <div class="xian"></div>
            <div class="pic">
                <a href="#"><img src="images/f1.png" alt=""></a>
                <a href="#"><img src="images/f2.png" alt=""></a>
                <a href="#"><img src="images/f3.png" alt=""></a>
                <a href="#"><img src="images/f4.png" alt=""></a>
                <a href="#"><img src="images/f1.png" alt=""></a>
                <a href="#"><img src="images/f2.png" alt=""></a>

            </div>
        </div>
    </div>
</div>
<div class="bottom">
    <div class="inner">
        <a href="index.html"><img src="images/logo2.png" alt=""></a>
        <p>Copyright ? 2015 All rights Reserved | Template by  <a href="">W3layouts</a></p>
    </div>
    <div class="gotop">
        <a href="#"></a>
    </div>
</div>
</body>
</html>